<html>
<meta charset="utf-8">

<head>
    <style>
        #p_show {
            text-align: center;
            color: rebeccapurple;
        }
        .div_show{
            width: 400px;
            height: 200px;
            background-color: plum;
            color: purple;
        }
        span.sp_show{
            background-color: bisque;
            color: darkorchid;
        }
    </style>
</head>
<div>
    <ul>
        <li>id选择器  #id      => #dv_show</li>
        <li>类选择器  .className=>.div_show</li>
        <li>标签选择器 Element=>p</li>
    </ul>
    <p>没有起作用</p>
    <p id='p_show'>id选择器起作用的</p>
    <div class="div_show">class选择器起作用的div</div>
    <div>class选择器没起作用的div</div>
    <span class="sp_show">起作用的span</span>
    <p class="sp_show">不起作用的P</p>
</div>

</html>